<template>
  <div class="mt-5"></div>
  <el-menu default-active="2" class="el-menu-vertical-demo" style="width:100%" active-text-color="#409EFF">
    <el-menu-item>
      推荐
    </el-menu-item>
    <el-menu-item>
      热门
    </el-menu-item>
  </el-menu>
</template>

<script lang="ts" setup>
import {ref} from 'vue'

const isCollapse = ref(true)
const handleOpen = (key: string, keyPath: string[]) => {
  console.log(key, keyPath)
}
const handleClose = (key: string, keyPath: string[]) => {
  console.log(key, keyPath)
}
</script>

<style>
.el-menu-vertical-demo:not(.el-menu--collapse) {
  width: 200px;
  min-height: 400px;
}
</style>
